<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Input Fields - Photon Admin Panel Theme</title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
        <link rel="shortcut icon" href="favicon.ico" />
        <link rel="apple-touch-icon" href="iosicon.png" />
<!--    DEVELOPMENT LESS -->
<!--    <link rel="stylesheet/less" href="css/photon.less" media="all" />
        <link rel="stylesheet/less" href="css/photon-responsive.less" media="all" />-->
<!--    PRODUCTION CSS -->
        <link rel="stylesheet" href="css/css_compiled/photon-min.css" media="all" />
        <link rel="stylesheet" href="css/css_compiled/photon-min-part2.css" media="all" />
        <link rel="stylesheet" href="css/css_compiled/photon-responsive-min.css" media="all" />

<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/css_compiled/ie-only-min.css" />
<![endif]-->

<!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/css_compiled/ie8-only-min.css" />
        <script type="text/javascript" src="js/plugins/excanvas.js"></script>
        <script type="text/javascript" src="js/plugins/html5shiv.js"></script>
        <script type="text/javascript" src="js/plugins/respond.min.js"></script>
        <script type="text/javascript" src="js/plugins/fixFontIcons.js"></script>
<![endif]-->
        
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.pnotify.min.js"></script>

<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins/less-1.3.1.min.js"></script>        
<script type="text/javascript" src="js/plugins/xbreadcrumbs.js"></script>
<script type="text/javascript" src="js/plugins/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.autotab-1.1b.js"></script>
<script type="text/javascript" src="js/plugins/charCount.js"></script>
<script type="text/javascript" src="js/plugins/jquery.textareaCounter.js"></script>
<script type="text/javascript" src="js/plugins/elrte.min.js"></script>
<script type="text/javascript" src="js/plugins/elrte.en.js"></script>
<script type="text/javascript" src="js/plugins/select2.js"></script>
<script type="text/javascript" src="js/plugins/jquery-picklist.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/plugins/additional-methods.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.form.js"></script>
<script type="text/javascript" src="js/plugins/jquery.metadata.js"></script>
<script type="text/javascript" src="js/plugins/jquery.mockjax.js"></script>
<script type="text/javascript" src="js/plugins/jquery.uniform.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.rating.pack.js"></script>
<script type="text/javascript" src="js/plugins/farbtastic.js"></script>
<script type="text/javascript" src="js/plugins/jquery.timeentry.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.jstree.js"></script>
<script type="text/javascript" src="js/plugins/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="js/plugins/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.mCustomScrollbar.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.stack.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.pie.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.resize.js"></script>
<script type="text/javascript" src="js/plugins/raphael.2.1.0.min.js"></script>
<script type="text/javascript" src="js/plugins/justgage.1.0.1.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.qrcode.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.clock.js"></script>
<script type="text/javascript" src="js/plugins/jquery.countdown.js"></script>
<script type="text/javascript" src="js/plugins/jquery.jqtweet.js"></script>
<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="js/plugins/bootstrap-fileupload.min.js"></script>
<script type="text/javascript" src="js/plugins/prettify/prettify.js"></script>

<script type="text/javascript" src="js/common.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

    <body class="body-inner">
            
    <div class="btn-toolbar btn-mobile-menus">
        <button class="btn btn-main-menu"></button>
        <button class="btn btn-user-menu"><i class="icon-logo"></i></button>
    </div>

    <div class="nav-fixed-left" style="visibility: hidden">
        <ul class="nav nav-side-menu">
            <li class="shadow-layer"></li>
            <li>
                <a href="dashboard.php">
                    <i class="icon-photon home"></i>
                    <span class="nav-selection">Dashboard</span>
                                    </a>
            </li>
            <li>
                <a href="javascript:;" class="sub-nav-container">
                    <i class="icon-photon list_nested"></i>
                    <span class="nav-selection">Form Elements</span>
                    <i class="icon-menu-arrow"></i>                </a>
                <div class="sub-nav">
                    <ul class="nav">
                        <li>
                            <a href="form-elements-input-fields.php">Input Fields</a>
                        </li>
                        <li>
                            <a href="form-elements-masked-input-fields.php">Masked Input Fields</a>
                        </li>
                        <li>
                            <a href="form-elements-autotabs.php">Autotabs</a>
                        </li>
                        <li>
                            <a href="form-elements-text-areas.php">Text Areas</a>
                        </li>
                        <li>
                            <a href="form-elements-select-menus.php">Select Menus</a>
                        </li>
                        <li>
                            <a href="form-elements-other-form-elements.php">Other Form Elements</a>
                        </li>
                        <li>
                            <a href="form-elements-form-validation.php">Form Validation</a>
                        </li>
                        <li>
                            <a href="form-elements-ui-elements.php">UI Elements</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="javascript:;" class="sub-nav-container">
                    <i class="icon-photon chart_alt"></i>
                    <span class="nav-selection">Graphs and Statistics</span>
                    <i class="icon-menu-arrow"></i>                </a>
                <div class="sub-nav">
                    <ul class="nav">
                        <li>
                            <a href="graphs-and-statistics-graphs.php">Graphs</a>
                        </li>
                        <li>
                            <a href="graphs-and-statistics-statistical-elements.php">Statistical Elements</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="typography.php">
                    <i class="icon-photon book_alt2"></i>
                    <span class="nav-selection">Typography</span>
                                    </a>
            </li>
            <li>
                <a href="grid.php">
                    <i class="icon-photon hash"></i>
                    <span class="nav-selection">Grid</span>
                                    </a>
            </li>
            <li>
                <a href="tables.php">
                    <i class="icon-photon new_window"></i>
                    <span class="nav-selection">Tables</span>
                                    </a>
            </li>
            <li>
                <a href="maps.php">
                    <i class="icon-photon map_pin_stroke"></i>
                    <span class="nav-selection">Maps</span>
                                    </a>
            </li>
            <li>
                <a href="sidebar-widgets.php">
                    <i class="icon-photon book_alt"></i>
                    <span class="nav-selection">Sidebar Widgets</span>
                                    </a>
            </li>
            <li>
                <a href="javascript:;" class="sub-nav-container">
                    <i class="icon-photon bolt"></i>
                    <span class="nav-selection">Error Pages</span>
                    <i class="icon-menu-arrow"></i>                </a>
                <div class="sub-nav">
                    <ul class="nav">
                        <li>
                            <a href="error-pages-400-bad-request.php">400 Bad Request</a>
                        </li>
                        <li>
                            <a href="error-pages-401-unauthorized.php">401 Unauthorized</a>
                        </li>
                        <li>
                            <a href="error-pages-403-forbidden.php">403 Forbidden</a>
                        </li>
                        <li>
                            <a href="error-pages-404-page-not-found.php">404 Page Not Found</a>
                        </li>
                        <li>
                            <a href="error-pages-500-internal-server-error.php">500 Internal Server Error</a>
                        </li>
                        <li>
                            <a href="error-pages-503-service-unavailable.php">503 Service Unavailable</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="help.php">
                    <i class="icon-photon info"></i>
                    <span class="nav-selection">Help</span>
                                    </a>
            </li>
            <li class="nav-logout">
                <a href="/">
                    <i class="icon-photon key_stroke"></i><span class="nav-selection">Logout</span>
                </a>
            </li>
        </ul>
    </div>        <div class="nav-fixed-topright" style="visibility: hidden">
    <ul class="nav nav-user-menu">
        <li class="user-sub-menu-container">
            <a href="javascript:;">
                <i class="user-icon"></i><span class="nav-user-selection">Company Name</span><i class="icon-menu-arrow"></i>
            </a>
                        <ul class="nav user-sub-menu">
                                <li>
                    <a href="javascript:;">My Profile</a>
                </li>
                                <li>
                    <a href="javascript:;">Settings</a>
                </li>
                                <li>
                    <a href="javascript:;">Messages</a>
                </li>
                                <li>
                    <a href="javascript:;">Help</a>
                </li>
                            </ul>
                    </li>
        <li>
            <a href="javascript:;">
                <i class="icon-photon mail"></i>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <i class="icon-photon comment_alt2_stroke"></i>
                <div class="notification-count">12</div>
            </a>
        </li>
    </ul>
</div>

<script>
    $(function(){
        setTimeout(function(){
            $('.nav-fixed-topright').removeAttr('style');
        }, 300);
        
        $(window).scroll(function(){
            if($('.breadcrumb-container').length){
                var scrollState = $(window).scrollTop();
                if (scrollState > 0) $('.nav-fixed-topright').addClass('nav-released');
                else $('.nav-fixed-topright').removeClass('nav-released')
            }
        });
        
        $('.user-sub-menu-container').on('click', function(){
            $(this).toggleClass('active-user-menu');
        });
    });
</script>

        
<div class="panel">
    <div class="panel-content filler">
        <div class="panel-logo"></div>
        <div class="panel-header">
            <h1><small>Input Fields</small></h1>
            <button type="submit" class="btn btn-mini"><i class="icon-photon move_alt2"></i> Add New</button>
        </div>
        <div class="panel-search container-fluid">
            <form class="form-horizontal" action="javascript:;" />
                <input id="panelSearch" placeholder="Search" type="text" name="panelSearch" />
                <button class="btn btn-search"></button>
                <script>
                    $().ready(function(){
                        var searchTags = [
                            "Dashboard",
                            "Form Elements",
                            "Graphs and Statistics",
                            "Typography",
                            "Grid",
                            "Tables",
                            "Maps",
                            "Sidebar Widgets",
                            "Error Pages",
                            "Help",
                            "Input Fields",
                            "Masked Input Fields",
                            "Autotabs",
                            "Text Areas",
                            "Select Menus",
                            "Other Form Elements",
                            "Form Validation",
                            "UI Elements",
                            "Graphs",
                            "Statistical Elements",
                            "400 Bad Request",
                            "401 Unauthorized",
                            "403 Forbidden",
                            "404 Page Not Found",
                            "500 Internal Server Error",
                            "503 Service Unavailable"
                        ];
                        $( "#panelSearch" ).autocomplete({
                            source: searchTags
                        });
                    });            
                </script>
            </form>
        </div>
                    <script type="text/javascript">
        $(function () {
            $("#jstree").jstree({ 
                "json_data" : {
                    "data" : [
                                                {
                            "data" : { 
                                "title" : "Input Field", 
                                "attr" : { "href" : "#Input_Field" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Input Field with Placeholder", 
                                "attr" : { "href" : "#Input_Field_with_Placeholder" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Input Field with Auto Complete", 
                                "attr" : { "href" : "#Input_Field_with_Auto_Complete" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Input Field with Tooltip", 
                                "attr" : { "href" : "#Input_Field_with_Tooltip" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Disabled Input Field", 
                                "attr" : { "href" : "#Disabled_Input_Field" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Input Field with Counter", 
                                "attr" : { "href" : "#Input_Field_with_Counter" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "File Upload", 
                                "attr" : { "href" : "#File_Upload" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Inside the 12 Grid System", 
                                "attr" : { "href" : "#Inside_the_12_Grid_System" } 
                            }
                        },
                                                {
                            "data" : { 
                                "title" : "Inside the 12 Grid System with Offset", 
                                "attr" : { "href" : "#Inside_the_12_Grid_System_with_Offset" } 
                            }
                        },
                                            ]
                },
                "plugins" : [ "themes", "json_data", "ui" ]
            })
            .bind("click.jstree", function (event) {
                var node = $(event.target).closest("li");
                document.location.href = node.find('a').attr("href");
                return false;
            })
            .delegate("a", "click", function (event, data) { event.preventDefault(); });
        });
    </script>
        <div class="sidebarMenuHolder">
        <div class="JStree">
            <div class="Jstree_shadow_top"></div>
            <div id="jstree"></div>
            <div class="Jstree_shadow_bottom"></div>
        </div>
    </div>    </div>
    <div class="panel-slider">
        <div class="panel-slider-center">
            <div class="panel-slider-arrow"></div>
        </div>
    </div>
</div>
        <div class="main-content">
            <div class="breadcrumb-container">
    <ul class="xbreadcrumbs">
        <li>
            <a href="dashboard.php">
                <i class="icon-photon home"></i>
            </a>
        </li>
                <li>
            <a href="#">Form Elements</a>
            <ul class="breadcrumb-sub-nav">
                                <li>
                    <a href="form-elements-input-fields.php">Input Fields</a>
                </li>
                                <li>
                    <a href="form-elements-masked-input-fields.php">Masked Input Fields</a>
                </li>
                                <li>
                    <a href="form-elements-autotabs.php">Autotabs</a>
                </li>
                                <li>
                    <a href="form-elements-text-areas.php">Text Areas</a>
                </li>
                                <li>
                    <a href="form-elements-select-menus.php">Select Menus</a>
                </li>
                                <li>
                    <a href="form-elements-other-form-elements.php">Other Form Elements</a>
                </li>
                                <li>
                    <a href="form-elements-form-validation.php">Form Validation</a>
                </li>
                                <li>
                    <a href="form-elements-ui-elements.php">UI Elements</a>
                </li>
                            </ul>
        </li>
                <li class="current">
            <a href="javascript:;">Input Fields</a>
        </li>
    </ul>
</div>            <header>
                <i class="icon-big-notepad"></i>
                <h2><small>Input Fields</small></h2>
                <h3><small>Most common form control, text-based input fields.</small></h3>
            </header>
            <form class="form-horizontal" />
                <div class="container-fluid">

                        <div class="form-legend" id="Input_Field">Input Fields</div>

                        <!--Input Field begin-->
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputField">Input Field</label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputField" type="text" name="inputField" />
                                </div>
                            </div>
                        </div>
                        <!--Input Field end-->

                        <!--Input Field with Placeholder begin-->
                        <div id="Input_Field_with_Placeholder" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputFieldPlaceholder">Input Field With Placeholder</label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputFieldPlaceholder" type="text" placeholder="Please enter some data" name="inputFieldPlaceholder" />
                                </div>
                            </div>
                        </div>
                        <!--Input Field with Placeholder end-->

                        <!--Input Field with Auto Complete begin-->
                        <div id="Input_Field_with_Auto_Complete" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputFieldAC">Input Field with Auto Complete</label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputFieldAC" type="text" name="inputFieldAC" />
                                </div>
                            </div>
                            <!--Input Field with Auto Complete Script-->
                            <script>
                                $().ready(function(){
                                    var availableTags = [
                                        "ActionScript",
                                        "AppleScript",
                                        "Asp",
                                        "BASIC",
                                        "C",
                                        "C++",
                                        "Clojure",
                                        "COBOL",
                                        "ColdFusion",
                                        "Erlang",
                                        "Fortran",
                                        "Groovy",
                                        "Haskell",
                                        "Java",
                                        "JavaScript",
                                        "Lisp",
                                        "Perl",
                                        "PHP",
                                        "Python",
                                        "Ruby",
                                        "Scala",
                                        "Scheme"
                                    ];
                                    $( "#inputFieldAC" ).autocomplete({
                                        source: availableTags
                                    });
                                });            
                            </script>
                        </div>
                        <!--Input Field with Auto Complete end-->

                        <!--Input Field with Tooltip begin-->
                        <div id="Input_Field_with_Tooltip" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputFieldTooltip">
                                    Input Field With Tooltip<a href="javascript:;" class="bootstrap-tooltip" data-placement="top" data-original-title="Please enter some data."><i class="icon-photon info-circle"></i></a>
                                </label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputFieldTooltip" type="text" name="inputFieldTooltip" />
                                </div>
                            </div>
                        </div>
                        <!--Input Field with Tooltip end-->

                        <!--Input Field Disabled begin-->
                        <div id="Disabled_Input_Field" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputFieldDisabled">Disabled Input Field</label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input disabled="" id="inputFieldDisabled" type="text" name="inputFieldDisabled" />
                                </div>
                            </div>
                        </div>
                        <!--Input Field Disabled end-->

                        <!--Input Field with Counter begin-->
                        <div id="Input_Field_with_Counter" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputFieldCounter">Input Field with Counter</label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputFieldCounter" type="text" name="inputFieldCounter" />
                                </div>
                            </div>
                            <script>
                                $().ready(function(){
                                    $("#inputFieldCounter").charCount({
                                        allowed: 50,
                                        warning: 20,
                                        counterText: 'Characters left: '
                                    });
                                });
                            </script>
                        </div>
                        <!--Input Field with Counter end-->

                        <!--File Upload begin-->
                        <div id="File_Upload" class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputField">File Upload</label>
                            </div>
                            <div class="span9">
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <div class="input-append">
                                        <div class="uneditable-input span3"><i class="icon-file fileupload-exists"></i> <span class="fileupload-preview"></span></div><span class="btn btn-file"><span class="fileupload-new">Select file</span><span class="fileupload-exists">Change</span><input type="file" /></span><a href="javascript:;" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--File Upload end-->


                </div><!-- end container -->

                <div class="container-fluid">

                        <div class="form-legend" id="Inside_the_12_Grid_System">Inside the 12 Grid System</div>
                        <!--12 Grid System begin-->
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpan9">Grid 3 + 9 </label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputSpan9" type="text" name="inputSpan9" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpan8">Grid 3 + 8 </label>
                            </div>
                            <div class="span8">
                                <div class="controls">
                                    <input id="inputSpan8" type="text" name="inputSpan8" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpan6">Grid 3 + 6 </label>
                            </div>
                            <div class="span6">
                                <div class="controls">
                                    <input id="inputSpan6" type="text" name="inputSpan6" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpan4">Grid 3 + 4 </label>
                            </div>
                            <div class="span4">
                                <div class="controls">
                                    <input id="inputSpan4" type="text" name="inputSpan4" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpan2">Grid 3 + 2 </label>
                            </div>
                            <div class="span2">
                                <div class="controls">
                                    <input id="inputSpan2" type="text" name="inputSpan2" />
                                </div>
                            </div>
                        </div>
                        <!--12 Grid System end-->

                </div><!-- end container -->

                <div class="container-fluid">

                        <div class="form-legend" id="Inside_the_12_Grid_System_with_Offset">Inside the 12 Grid System with Offset</div>
                        <!--12 Grid System Offset begin-->
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpanO2">Grid 3 + 7 + 2 </label>
                            </div>
                            <div class="offset7 span2">
                                <div class="controls">
                                    <input id="inputSpanO2" type="text" name="inputSpanO2" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpanO4">Grid 3 + 5 + 4 </label>
                            </div>
                            <div class="offset5 span4">
                                <div class="controls">
                                    <input id="inputSpanO4" type="text" name="inputSpanO4" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpanO6">Grid 3 + 3 + 6 </label>
                            </div>
                            <div class="offset3 span6">
                                <div class="controls">
                                    <input id="inputSpanO6" type="text" name="inputSpanO6" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpanO8">Grid 3 + 1 + 8 </label>
                            </div>
                            <div class="offset1 span8">
                                <div class="controls">
                                    <input id="inputSpanO8" type="text" name="inputSpanO8" />
                                </div>
                            </div>
                        </div>
                        <div class="control-group row-fluid">
                            <div class="span3">
                                <label class="control-label" for="inputSpanO9">Grid 3 + 0 + 9 </label>
                            </div>
                            <div class="span9">
                                <div class="controls">
                                    <input id="inputSpanO9" type="text" name="inputSpanO9" />
                                </div>
                            </div>
                        </div>

                </div><!-- end container -->
            </form>
        </div>
    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1936460-27']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
    </body>
</html>